@font-face{
	font-family:trump_gothic_east;
	src: url('../fonts/trump_gothic_east.eot');
	src: url('../fonts/trump_gothic_east.eot?#iefix') format('embedded-opentype'),
		url('../fonts/trump_gothic_east.woff2') format('woff2'),
		url('../fonts/trump_gothic_east.woff') format('woff'), 
		url('../fonts/trump_gothic_east.ttf') format('truetype'),
		url('../fonts/trump_gothic_east.svg#trump_gothic_east') format('svg');
}
/*通用头部*/
*{ margin:0; padding:0;}
.b{display: block;}
.n{display: none;}
.header{position: fixed;top:0;left:0;width:100%;z-index:99; transition: all .2s;display: flex;justify-content: space-between; align-items: center;border-bottom:1px solid rgba(255,255,255,.2);padding:0 10px;}
.header2{ padding:0 8px 0 0;  }
.header .logo_nav{width:71%;display: flex;justify-content: space-between; align-items: center;}
.header_h .logo_nav{width:72%;display: flex;justify-content: space-between; align-items: center;}
.header .in_search{width:135px; display: flex;justify-content:flex-end; align-items: center;  }
.header .in_search .search{width:55px;height:55px;background: #f65808;border-radius: 30px;display: flex;justify-content:center; align-items: center;}
.header .in_menu{ display: flex;justify-content: center;align-items: center;}
.header .logo{position: relative;z-index: 999;display: flex;justify-content: flex-start;align-items: center}
.header .logo img{ width:220px}
.header .logo a{ display: flex;justify-content: center;align-items: center;}
.header2 .logo a{  background: #fff}
.logo_nav ul{width:32%; display:flex;justify-content:space-between;align-items:center;-webkit-align-items:center;z-index: 999;}
.logo_nav li{line-height:100px; text-align: center; }
.logo_nav li a{color:#fff;font-size:17px;display:block; position: relative;padding:0 15px}
.logo_nav li a.logo_nav_a:hover{font-weight:bold; text-decoration:none; background:#efefef ;}
.logo_nav li a.logo_nav_a:before{width:0;content:'';position: absolute;height:3px;background: #f65808;transition-duration:.3s;left:50%}
.logo_nav li a.logo_nav_a:hover:before{ background: #f65808;height:3px;width:100%; top:0; left:50%;margin-left:-50%;}
.header .hrt .tel{ color: #fff; display: flex;justify-content: flex-start;align-items: center;font-size:16px;}
.header .hrt img{ margin:0 7px 0 0; }
.header.header_h2{ background: #fff;border-bottom:0 solid #efefef;}
.header.header_h2 .b{display: none;}
.header.header_h2 .n{display: block;}
.header.header_h2  .tel{ color: #333;}
.header.header_h2 .logo_nav li a.logo_nav_a { color: #555;}
.header.header_h2 .logo_nav li a.logo_nav_a:hover { color: #555;font-weight: bold; }

.relative{position: relative;box-shadow: 0 0 45px rgba(0,0,0,0.2); background: #ebc120}
.son{background:#efefef;position: absolute; z-index: 1; top: 100%; width: 100vw; left: 0; box-sizing: border-box; padding: 70px 0; display: none;}
.son dl{display: flex;justify-content: space-between;align-items: flex-start; margin: 0 30px;}
.son dl dd{width:calc(100%/3);padding:0 90px;    border-right: 1px solid #dddddd;}
.son dl dd:last-child { border-right: none;}
.son dl .son_li{width:1px;height:100%;background: #f2f2f2;}
.son dl dd a{ display: flex;justify-content: flex-start;flex-direction: column;align-items: flex-start;}
.son dl dd a span{font-size:24px;line-height: 35px;color: #333;display: block;}
.son dl dd a p{font-size: 15px;line-height:28px;color: #666;text-align: left;}
.son dl dd a .son_pic{width:100%;margin: 15px 0; position: relative;overflow:hidden;}
.son dl dd a .son_pic img{width:100%;display: block;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.son dl dd a .son_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.son .son_pro{display: flex;justify-content: space-between;align-items:center; margin: 0 90px;}
.son .son_pro .son_pro_t{ width:35%;text-align: left;}
.son .son_pro .son_pro_t strong{ font-size:24px;line-height: 35px;color: #333;display: block; margin: 0 0 25px 0;}
.son .son_pro .son_pro_t p{font-size: 15px;line-height:28px;color: #666;text-align: left;}
.son .son_pro .son_pro_t a{ display: block;margin: 25px 0 0 0; width: 120px; line-height: 45px; overflow: hidden; font-size: 15px; color: #666; text-align: center; border: 2px solid rgba(0,0,0,0.6);}
.son .son_pro .son_pro_t a:hover{ text-decoration: none; background: #f65808;color:#fff;border: 2px solid #f65808;}
.son .son_nav{ width:55%;display: flex;justify-content:flex-start;align-items: flex-start; flex-wrap: wrap; margin: 0 30px;}
.son .son_nav a{width:calc(100%/4);padding:0 20px; border-right: 1px solid #dddddd;}
.son .son_nav a:last-child { border-right: none;}
.son .son_nav a:nth-child(4) { border-right: none;}
.son .son_nav a div{width:100%;margin: 15px 0; position: relative;overflow:hidden;}
.son .son_nav a div img{width:100%;display: block;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.son .son_nav a:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.son .son_nav a p{font-size:16px;line-height: 30px;color: #333;display: block;}

/*--search modal--*/
.modal2 { position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none; }
.modal-dialog2 { position: absolute; z-index:9999999999; left: 0; top:50%; margin-top:-250px; width: 100%; background:; height:500px; }
.modal-content2 { width: 1200px; margin:0 auto; position:absolute;left:50%; margin-left:-600px; height:400px; }
.modal-content2 > div {  }
.modal-content2 input { border: none; float: left;}
.modal-content2 .search-logo { width: 408px; padding:80px 0 0 0; position:absolute; left:50%; margin-left:-204px; border-bottom:1px solid #5c5c5c}
.modal-content2 .search-logo img{ width:100%;}
.modal-content2 .search-bar { position:absolute; width:850px; left:50%; margin-left:-425px; height:90px; top:130px; }
.modal-content2 .search-tab .tab { padding: 6px 20px; float: left; font-size: 24px; color: #fff; cursor: pointer; }
.modal-content2 .search-tab .on { background: #fff; color: #fe0000; }
.modal-content2 .tab-panel { display: none; }
.modal-content2 .on { display: block; }
.modal-content2 .search-close { width:60px; height:60px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;}
.modal-content2 .search-close:hover {  color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.modal-open { overflow: hidden; padding-right: 17px; }
.modal-content2.search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; }
.modal-content2 .search-bar .form-control { padding-left: 10px; width: 754px; height: 70px; line-height: 70px; font-size: 16px; background:#eee}
.modal-content2 .search-bar .espcms_search_icon{  width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin-left:15px; background:#31459b url(../images/se.png) no-repeat center center;border: none;}
.modal-content2 .keywords{	width:90%; padding-left:10px;	height:90px; line-height: 90px;	border:none; }
.modal-content2 .searchbtn{ position: absolute; height:90px; background: #f65808;  background-position:50% 50%;	background-repeat: no-repeat;width:90px;	right:-1px;	top:0; border: 0px;	cursor:pointer; color: #fff;font-size: 16px;}
.modal-open2 { overflow: hidden;}

.header_h {position: absolute;}

.menu{ cursor:pointer;position: relative; }
.menuBtn{ width:38px; margin: 0 auto; cursor:pointer;position: relative; }

.menuBtn span{ display:block; height: 1px; background: #fff; animation:load1 1s infinite ease-in-out; width: 20px; margin: 10px 0;animation-delay: -0.16s;}
.header.header_h2 .menuBtn span{ background: #222;}
.header.header_h2 .in_menu span{ color: #222;}

.menuBtn .span2{ animation-delay: -0.32s;}
.menuBtn .span3{ animation-delay: -0.46s;}
@-webkit-keyframes load1 {
	0%, 80%, 100% {	  
	    width: 13px;
	}
	40% {	  
	    width: 26px;
	}

}
.menuBtn p{position:absolute;right:0;top:0;}

.in_menu span{ font-size:21px;font-family:PingFang SC;color: #fff;display: block; }

.in_nav{position: fixed;  left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);background-size:100%;display:none;z-index: 99;}
.in_nav .in_nav_list{display: flex;justify-content: center;align-items: center;width:100%; height:100%;}
.in_nav ul{overflow:hidden;width:90%;height:65%;display: flex;justify-content: space-between;flex-wrap: wrap}
.in_nav ul>li{ position: relative; border-right: 1px solid rgba(255,255,255,0.1);padding:0 50px;}
.in_nav ul>li>a{display:block; font-size:20px;color:#fff;line-height:70px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;letter-spacing: 0;width:100%;margin: 0 auto;padding:5px 0 25px 0}
.in_nav ul>li>a:hover{color:#fff;text-decoration: none; }
.in_nav_list li div a{display:block; font-size:17px;color:#fff;line-height:50px;}
.in_nav_list li a:hover{font-weight: bold;}


.index_nav2{width:46%;height:100px;display:flex;displaly:-webkit-flex;flex-direction:row;-weblit-flex-direction:row;justify-content:space-between;-weblit-justify-content:space-between;align-items:center;-webkit-align-items:center;}
.index_nav2 li{line-height:100px;}
.index_nav2 li a{color:#fff;font-size:16px;display:block;}
.index_nav2 li a:hover{font-weight:bold; text-decoration:none;}



.index_nav{width:35%; display:flex;displaly:-webkit-flex;flex-direction:row;-weblit-flex-direction:row;justify-content:space-between;-weblit-justify-content:space-between;align-items:center;-webkit-align-items:center;}
.index_nav li{ }
.index_nav li a{color:#ffffff;font-size:17px;display:block;}
.index_nav li a:hover{font-weight:bold; text-decoration:none;}

.menu_button{cursor:pointer;width:85px; position: relative;z-index:999999; display: flex; justify-content: space-between;align-items: center; color: #fff;font-size: 18px;}
.menu_button .nav_button{ position: relative;vertical-align: middle; width:30px; height:2px;cursor:pointer;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.menu_button .nav_button::after, .menu_button .nav_button::before{content:'';width:30px;height:2px;border-radius:20px;position: absolute;z-index:99999999; background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.menu_button .nav_button::after{top:10px;}
.menu_button .nav_button::before{top:-10px;}
.menu_button.on .nav_button::before{transform: translateY(10px) rotate(45deg);}
.menu_button.on .nav_button::after{transform: translateY(-10px) rotate(-45deg);}
.menu_button.on{background-image:none}
.menu_button.on .nav_button{width:0;}
.header.bg{background:rgba(21,158,80,0.95);padding:6px 0;}
.header.bg .logo img{height:50px !important;margin-top:2px;}
.header.bg ul{padding-top:6px;}
.header.bg .menu_button{width:50px;height:50px;margin:5px 0 0;}
.header.bg .menu_button .nav_button{width:26px;top:24px;}
.header.bg .menu_button .nav_button::after, .header.bg .nav_button::before{width:26px;}
.header.bg .menu_button .nav_button::after{top:11px;}
.header.bg .menu_button .nav_button::before{top:-11px;}







.menu_box{position: fixed;width:100%;height:100%;right:0;top:-100%;z-index:5;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;background-image: -webkit-linear-gradient(125deg,#13afbe, #1f953a);display: flex;justify-content: center;flex-direction: column;align-items: center}
.menu_box .item{width:100%;overflow:auto; text-align: left}
.menu_box .item::-webkit-scrollbar{width:2px;height:2px;background-color:#f1f1f1;} 
.menu_box .item::-webkit-scrollbar-track{border-radius:0;background-color:#f1f1f1;}
.menu_box .item::-webkit-scrollbar-thumb{border-radius:0px;width:2px;height:2px;background-color:#db000b;}
.menu_box .item .pad{padding:20px 0; width:400px; margin: 0 auto;border-bottom: 1px solid rgba(255,255,255,0.2)}
.menu_box .item h4{font-size:24px;color:#fff;}
.menu_box .item i{display: block;width:30px;height:1px;background-color: #fff;margin:10px auto;}
.menu_box .item span{font-size:16px;color:#fff;padding:0 0 0 25px;}
.menu_box .item ul{padding-top:10px;width:auto;margin:0;}
.menu_box .item ul li{width:100%;text-align: left;}
.menu_box .item ul li a{font-size:16px;color:#fff;height:40px;line-height:40px;cursor:pointer; margin-top:20px;transition: .5s;}
.menu_box .item ul li a:hover{ padding-left:15px}


.footer_p{ line-height:95px; text-align:center; font-size:15px; color:#fff; border-top:1px solid rgba(255,255,255,0.05)}
.footer_p a{ color:#fff}
.footer_p a:hover{ color:#fff}
@media only screen and (max-width:1780px){ 
	.logo_nav li a{font-size:15px;padding:0 10px }
	.header .logo a img{width:180px;}
	.header .hrt .tel{font-size:15px; }
}

@media only screen and (max-width:1780px){ 
	.in_nav ul{width:95%}
	.in_nav ul>li{  padding:0 30px;}
	
}
@media only screen and (max-width:1440px){ 
	.logo_nav li a{font-size:15px; }
	.header .logo a img{width:180px;}
	.header .in_search .search{width:45px;height:45px;}
	.in_menu span{font-size:16px; }
	.son dl dd a p{font-size:14px; line-height: 26px; }
	.son .son_nav a p{font-size:15px; }
	.son{padding: 40px 0;}
	.son dl dd a span{font-size:17px; font-weight: bold; }
	.son dl dd{padding:0 55px;}
	.son .son_pro .son_pro_t strong{font-size:20px; }
	.son .son_pro .son_pro_t p{font-size:14px; line-height: 26px; }
	.logo_nav ul{width: 34%;}
	
	.in_nav ul>li>a{font-size:17px; font-weight: bold; }
	.in_nav_list li div a{font-size:16px;  }
}